/*类目*/
.block-title{ padding:42px 0; text-align:center; position:relative; margin:0 auto;}
.block-title h2{ font-size:30px; color:#000;  line-height:1.8;}
.block-title p{ font-size:16px; text-transform:uppercase;  color:#999; line-height:1.8;}
.block-title .index_more{ position:absolute; right:0; top:50%; margin-top:-20px;}

.block-img{ text-align:center; padding:60px 0;}
.block-img img{ display:block; margin:0 auto;}


.index_more{ display:block; border:1px solid #aaa; width:180px; height:50px; line-height:50px; font-size:16px; color:#000; text-align:center; margin:40px auto;}
.index_more:hover{ background:#28529a; color:#fff !important; border:2px solid #28529a;}
/****/


.block-index-pro_fenlei2{ padding:30px 0;}

.pro_fenlei2{ max-width:1200px; margin:0 auto 50px auto;}
.pro_fenlei2 ul{ display:flex;}
.pro_fenlei2 li{ flex:1; background:#fff;}
.pro_fenlei2 li img{ display:block; margin:12px auto; width:60px;}
.pro_fenlei2 li .pic{ width:140px; height:140px; border-radius:140px; background:#eee; text-align:center; padding-top:12px;}
.pro_fenlei2 li .pic h2{ font-size:16px;}
.pro_fenlei2 li:hover .pic{ background:#efb402;}
.pro_fenlei2 li:hover .pic h2{ color:#fff;}


.block-index-tese01{ padding:50px 0;}
.tese_pic{ width:430px; float:right;}
.tese{ margin:0 auto;counter-reset:sectioncounter; width:740px; float:left; padding-left:80px;}
.tese ul{border-left:1px solid #ddd; padding-left:24px; }
.tese li{ text-align:center; position:relative; margin-bottom:40px;}
.tese li .text{ padding-top:15px; text-align:left; }
.tese li .text h2:after{ content:''; width:11px; height:11px; background:#ddd; border-radius:11px; position:absolute; left:-30px; top:30px;}
.tese li .text h2:before { position:absolute; left:-110px; top:-10px; 
   content:"0" counter(sectioncounter) ""; 
   counter-increment:sectioncounter; font-size:50px; color:#ff6119; margin-right:20px;font-style:italic;
}
.tese li h2{ font-size:22px; font-weight:bold; line-height:2; color:#000;}
.tese li h3{ font-size:24px;color:#000; display:block; margin:7px 0;}
.tese li p{ padding:10px 0; font-size:14px; line-height:2.2;}



/**简介**/
.block-index-text01{  position:relative; padding:0; margin:0 auto;}



.about{margin:0 auto 0 auto; max-width:1200px; position:relative; padding:50px 0;}
.about .block-title1{ padding:30px 0;}
.about .block-title1 h2{ color:#fff;line-height:1.4;}
.about .block-title1 p{ color:#fff; line-height:2;}

.about_t{  width:50%; line-height:2.3; font-size:14px; color:#fff; padding:0;}
.about_t .index_more{ margin:30px 0;}
.about .index_more{text-align:center; margin:30px 0; color:#fff;}




/***案例**/
.block-index-product01{  padding:30px 0 50px 0;}
.block-index-cases01{  padding:0;}
.case_show{ margin:0  auto; overflow:hidden; padding:0; max-width:1200px;}
.case_show li{ width:32%; float:left; margin-right:2%; margin-bottom:2%; overflow:hidden;cursor:pointer; position:relative;}
.case_show li:nth-child(3n){ margin-right:0;}
.case_show li img{ display:block; width:100%;}
.case_show li .pic{ overflow:hidden;}
.case_show li .txt{ display:block; padding:15px 0; text-align:center; height:46px; overflow:hidden;  font-size:14px;   padding:12px; background:#f6f6f6;}

.case_show li:hover .txt{ background:#efb402; color:#fff; }




/*新闻*/
.block-index-article01{ padding:30px 0 50px 0;  margin:0 auto;}

.news_pic{ float:right; width:390px; overflow:hidden;}
.newslist{ margin:0 auto; max-width:800px; background:#fff; float:left;}
.newslist ul{ margin:0 auto; }
.newslist li{ display:block;  padding:23px; border-bottom:1px solid #eee;  }

.newslist li img{ display:block; width:180px; margin-right:20px; float:left; }
.newslist li:last-child{ margin-right:0; border:0;}
.newslist li .txt{ padding:0; }

.newslist li h2{ margin-bottom:12px; font-size:16px; font-weight:bold; color:#000;overflow:hidden;text-overflow:ellipsis; 
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden;}
.newslist li p{ overflow:hidden; display:block; font-size:14px; color:#888;
		word-break:break-all; line-height:2; 
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	}

.newslist li span{ display:block; font-size:12px; color:#aaa; margin-top:10px;}








.feed_l{ background:url(../images/feedback.jpg) no-repeat left center; background-size:400px auto; padding-left:550px !important;}



.message{ background:#f4f4f4; padding:3%;}
.message_show{ max-width:1290px; margin:0 auto;}
.message_show li{  font-size:20px; color:#000; padding:10px 0;}
.message_show li span{ display:block; float:left; width:130px;}
.message_show li input{ height:48px; line-height:48px; border:1px solid #ddd; padding:0 15px; width:380px; font-size:16px; font-family:'微软雅黑'; color:#888;}
.message_show li textarea{ height:140px;border:1px solid #ddd; padding:15px; width:380px; font-size:16px; font-family:'微软雅黑'; color:#888;}


.message_show  .tijiao{ width:190px; height:50px; font-size:18px; text-align:center; line-height:50px; background:#ffc001; color:#000 !important; display:block; margin:0 0 30px 130px; border:0;font-family:'微软雅黑';}


@media (max-width: 768px) {


/*类目*/
/*类目*/
.index_more{ display:block; width:130px; height:40px; line-height:40px; font-size:14px; color:#000; text-align:center; margin:15px auto;}



.block-title{ padding:20px 0; text-align:center; position:relative; margin:0 auto;}
.block-title h2{ font-size:20px; color:#000; line-height:2;}
.block-title p{ font-size:12px; text-transform:uppercase;   line-height:1.5; padding:0 12px;}

/**简介**/
.block-index-text01{  position:relative; padding:0; margin:0;}



.about{margin:0 auto 0 auto; max-width:1200px; position:relative; padding:3%; overflow:hidden;}
.about .block-title1{ padding:20px 0;}
.about .block-title1 h2{ color:#fff;line-height:1.4; font-size:22px;}
.about .block-title1 p{ color:#fff; line-height:2; font-size:12px;}
.about_t{  width:100%; line-height:2; font-size:12px; color:#fff; padding:0;}
.about_t .index_more{ margin:20px  auto; font-size:12px;}
.about .index_more{text-align:center; margin:20px auto; color:#fff;}




/***案例**/
.block-index-product01{ padding:3%;}
.block-index-cases01{ max-width:100%; margin:0 auto; padding:3%;}
.case_show{ margin:0  auto; overflow:hidden; padding:0;}
.case_show li{ width:48.5%; float:left; margin-right:0; margin-bottom:0; overflow:hidden;cursor:pointer}
.case_show li:nth-child(2n){ float:right;}
.case_show li img{ display:block; max-width:100%;}
.case_show li .pic{ overflow:hidden;}
.case_show li .txt{ display:block; padding:10px 0;  font-size:14px; text-align:left; position:relative; height:auto; background:none; color:#000;}



.block-index-pro_fenlei2{ padding:15px 3%; overflow:hidden;}

.pro_fenlei2{ max-width:1200px; margin:0 auto;}
.pro_fenlei2 ul{ display:block;}
.pro_fenlei2 li{  float:left; width:33.333%; background:#fff; margin-bottom:12px;}
.pro_fenlei2 li img{ display:block; margin:8px auto; width:45px;}
.pro_fenlei2 li .pic{ width:100px; height:100px; border-radius:100px; background:#eee; text-align:center; padding-top:5px; margin:0 auto;}
.pro_fenlei2 li .pic h2{ font-size:14px;}
.pro_fenlei2 li:hover .pic{ background:#efb402;}
.pro_fenlei2 li:hover .pic h2{ color:#fff;}


.block-index-tese01{ padding:20px 0; overflow:hidden;}
.tese_pic{ width:100%; float:none; padding:3%;}
.tese_pic img{ display:block; max-width:60%; margin:0 auto;}
.tese{ margin:0 auto;counter-reset:sectioncounter; width:100%; float:none; padding-left:80px;}
.tese ul{border-left:1px solid #ddd; padding-left:24px; }
.tese li{ text-align:center; position:relative; margin-bottom:20px;}
.tese li .text{ padding-top:15px; text-align:left; padding-right:12px; }
.tese li .text h2:after{ content:''; width:11px; height:11px; background:#ddd; border-radius:11px; position:absolute; left:-30px; top:30px;}
.tese li .text h2:before { position:absolute; left:-98px; top:-10px; 
   content:"0" counter(sectioncounter) ""; 
   counter-increment:sectioncounter; font-size:45px; color:#ff6119; margin-right:20px;font-style:italic;
}
.tese li h2{ font-size:18px; font-weight:bold; line-height:2; color:#000;}
.tese li h3{ font-size:22px;color:#000; display:block; margin:7px 0;}
.tese li p{ padding:10px 0; font-size:12px; line-height:2;}






.block-index-feed{ padding:0;}
.block-index-feed .w1100{ width:100%;}
.index_feed_title{ width:100%; float:none; background:#000; text-align:center; color:#fff; line-height:2.5; height:auto; padding:30px 0; font-size:16px;}
.index_feed_title h2{ font-size:24px; display:inline-block; border-bottom:2px solid #fff; margin-bottom:20px; padding:20px 5px;}
.index_feed{ width:100%; float:none;}
.feed_1{ padding:5%;}
.feed_1 li span{ display:block; font-size:15px;}
.feed_1 li input{ display:block; width:100%; border:1px solid #ddd; padding:10px; margin:10px 0;}
.feed_1 li textarea{ display:block; width:100%; border:1px solid #ddd; padding:10px; margin:10px 0; height:120px;}
.feed_1 .tijiao{ width:180px; height:42px; margin:20px auto; line-height:42px; background:#064bb3; color:#fff; display:block; border:0;}


/*新闻*/

/*新闻*/
.block-index-article01{ padding:0; max-width:100%; margin:0 auto;}

.news1{ width:100%; float:none;}
.news2{ width:100%; float:none;}


.news_pic{ float:none; width:100%; overflow:hidden;}
.news_pic img{ display:block; width:100%; margin:0 auto;}
.newslist{ margin:0 auto; padding:10px 0; }

.newslist ul{ margin:0 auto; float:none; width:100%;}
.newslist li{ display:block; position:relative; line-height:2.2; color:#666; margin:0 0 3% 0; width:100%; padding:12px; }
.newslist li img{ width:36%;}
.newslist li .txt{ padding:3px;}
.newslist li h2{ overflow:hidden; display:block; font-size:14px; font-weight:bold;  color:#000; overflow:hidden;text-overflow:ellipsis; margin-bottom:12px;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden; display:block;}

.newslist li p{word-break:break-all; line-height:1.8; color:#888; font-size:12px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;}

.newslist li span{ margin:0;}




.newslist2{ margin:0 auto;padding:10px 0; }
.newslist2 ul{ margin:0 auto;}
.newslist2 li{ display:block; position:relative; line-height:2.2; color:#666; }
.newslist2 li h2{ overflow:hidden;float:left; width:1200px; }
.newslist2 li a{ font-size:14px;   color:#666; overflow:hidden;text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden; display:block; line-height:2.2;}

.newslist2 li span{ float:right; display:block; font-size:12px;}










iframe{ display:block; width:100% !important; height:280px !important; overflow:hidden;}

.feed_l{ background:none; padding-left:0; margin:0 auto;}

.message{ padding:3%;}
.message_show{ max-width:1200px; margin:0 auto; }
.message_show li{  font-size:16px; color:#000; padding:2% 3%;}
.message_show li span{ display:block; float:none; width:130px; margin-bottom:6px;}
.message_show li input{ height:42px; line-height:42px; border:1px solid #ddd; padding:0 3%; width:100%; font-size:15px; font-family:'微软雅黑'; color:#888;}
.message_show li textarea{ height:100px;border:1px solid #ddd; padding:3%; width:100%; font-size:15px; font-family:'微软雅黑'; color:#888;}




.message_show  .tijiao{ width:140px; border-radius:5px; height:40px; font-size:14px; text-align:center; line-height:40px; background:#ffc001; color:#000 !important; display:block; margin:0 auto; border:0;font-family:'微软雅黑';}

}